작업할 프로젝트가 있으면 Claude Code를 더욱 흥미롭게 활용할 수 있습니다.

Claude Code로 탐색할 수 있는 소규모 프로젝트를 준비했습니다. 이전 영상에서 보여드린 UI 생성 앱과 동일한 프로젝트입니다. 참고: 이 프로젝트를 반드시 실행할 필요는 없습니다. 원하신다면 언제든지 자신의 코드베이스로 나머지 강좌를 따라가셔도 됩니다!

설정

이 프로젝트를 시작하려면 약간의 설정이 필요합니다:

1. 로컬에 Node JS가 설치되어 있는지 확인하세요. 설치 안내 링크 .
2. 이 강의에 첨부된 uigen.zip 파일을 다운로드하여 압축을 해제하세요
3. 프로젝트 디렉토리에서 npm run setup을 실행하여 의존성을 설치하고 로컬 SQLite 데이터베이스를 설정하세요
4. 선택 사항: 이 프로젝트는 Anthropic API를 통해 Claude를 사용하여 UI 컴포넌트를 생성합니다. 앱을 완전히 테스트하려면 Anthropic API에 접근하기 위한 API 키를 제공해야 합니다. 이는 선택 사항입니다. API 키가 제공되지 않아도 앱은 일부 정적 더미 코드를 생성합니다. API 키를 설정하는 방법은 다음과 같습니다:
   1. Anthropic API 키를 발급받으세요: https://console.anthropic.com/
   2. 발급받은 API 키를 .env 파일에 입력하세요.
5. npm run dev를 실행하여 프로젝트를 시작하세요